<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap/js/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- 为了确保适当的绘制和触屏缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
    <div class="container">
	<div class="row">
		<div class="col-md-12">
		<div>
			<ol class="breadcrumb">
				<li><a  href="welcome.jsp">首页</a></li>
				<li>员工信息管理</li>
				<li>员工请打卡记录信息</li>
			</ol>
		</div>

		<h3>员工打卡信息</h3>

		<table  class="table table-striped" id="table" >
		    <tr class="active">
				 <td>编号</td>
				 <td>打卡日期</td>
				 <td>打卡时间</td>
		    </tr> 
			<c:forEach var="checks" items="${showChecks}" varStatus="vs">
				<tr>
				    <td>${vs.count}</td>
					<td>${checks.checkdate}</td>
					<td>${checks.checktime}</td>
				</tr>
			 </c:forEach>
	    </table>
			 <div>
				  <ul class="pagination">
					   ${pageList}
		  		  </ul>
	  		  </div>
		</div>
	</div>
</div>
</body>
</html>